//入口文件

import Vue from "vue";

/*导入Mint-UI的组件 按需导入  当导入全部的mint-ui时，需要使用Vue.use(Mint) 按需导入则使用Vue.component(Header.name, Header);
按需导入 必须借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。
首先，安装 babel-plugin-component：
npm install babel-plugin-component -D
然后，将 .babelrc 修改为：
{
  "presets": [
    ["es2015", { "modules": false }]
  ], 不用设置
  "plugins": [["component", [
    {
      "libraryName": "mint-ui",
      "style": true
    }
  ]]]
}
*/
/* import {
  Header,
  Swipe,
  SwipeItem,
  Button,
  Lazyload
} from 'mint-ui';
Vue.component(Header.name, Header);
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);
Vue.component(Button.name, Button);
Vue.use(Lazyload);
按需导入，懒加载不支持小图标
*/

import mintUI from 'mint-ui';
Vue.use(mintUI);

/* 导入mui */
import './lib/mui/css/mui.min.css';
/* 导入扩展图标，显示购物车图标 */
import './lib/mui/css/icons-extra.css';


import VueRouter from "vue-router";
Vue.use(VueRouter);

/* 导入自己定义的路由模块 */
import router from "./router.js";
import app from "./App.vue";
import './css/index.css';

/* 导入vue-resource跨域请求 */
import VueResource from 'vue-resource';
Vue.use(VueResource);

/* vue缩略图插件 */
import VuePreview from 'vue-preview';
Vue.use(VuePreview);

/* 设置全局路径和post请求的第三个属性 */
Vue.http.options.root = "http://vue.studyit.io"; //使用后请求地址不加/
Vue.http.options.emulateJSON = true;

import moment from 'moment';
/* 定义全局过滤器 事件格式化 */
Vue.filter('dateFormat', function (dataStr, pattern = '') {
  return moment(dataStr).format("YYYY-MM-DD HH:mm:ss");
})

var vm = new Vue({
  el: "#app",
  render: c => c(app),
  router
})